<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--面试题全阶段:https://yscp0bp3g6.feishu.cn/docx/ErK8dp8Cxo8pIOxIiH1cU2DLnzb -->
<!--菜鸟: https://www.runoob.com/html/html5-video.html-->
    <div>
        演示HTML5Vedio
        <!-- 如果你要网页刷新就自动播放这种设置. 需要设置网页静音 -->
        <video width="320" height="240" controls autoplay muted>
            <source src="测试.mp4" type="video/mp4">
            您的浏览器不支持Video标签。
        </video>
        <p>
        演示HTML5画布
        <canvas id="myCanvas" width="200" height="100"></canvas>
        <p>
        演示MathML 是数学标记语言:
        <math xmlns="http://www.w3.org/1998/Math/MathML">

            <mrow>
                <msup><mi>a</mi><mn>2</mn></msup>
                <mo>+</mo>

                <msup><mi>b</mi><mn>2</mn></msup>
                <mo>=</mo>

                <msup><mi>c</mi><mn>2</mn></msup>
            </mrow>

        </math>
    </div>

</body>
<script >
    var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");
    ctx.beginPath();
    ctx.arc(95,50,40,0,2*Math.PI);
    ctx.stroke();
</script>
</html>
